<template>
    <view class="bg-[#EAEAEA] min-h-screen">
        <view class="h-[1rpx]"></view>
        <view class="bg-white px-[40rpx] pt-[20rpx] pb-[20rpx] ">
            <view class="pb-[20rpx] border-b border-[#D8D8D8] text-[34rpx]">
                <view class="text-center">项目课程数据统计</view>
                <view class="mt-[30rpx] flex items-center"><text>学校：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>项目：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>教学点：</text>
                    <view class="flex w-[60vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>


            </view>
            <view class="my-[20rpx] text-[34rpx]">共<text class="text-[#FD755D]">45</text>次课</view>
            <u-search :showAction="false" placeholder="搜索" v-model="course"></u-search>

        </view>
        <view class="bg-white pb-[60rpx]">
            <uni-table class="w-[100vw]" border stripe emptyText="暂无更多数据">
                <!-- 表头行 -->
                <uni-tr>
                    <uni-th align="center">时间</uni-th>
                    <uni-th align="center">课程</uni-th>
                    <uni-th align="center">上课时间</uni-th>
                    <uni-th align="center"></uni-th>


                </uni-tr>
                <!-- 表格数据行 -->
                <uni-tr>
                    <uni-td>2024年3月20日 9:00-9:45</uni-td>
                    <uni-td>音乐</uni-td>
                    <uni-td>XX小区1栋旁</uni-td>
                    <uni-td><view @click="navigateTo('/pages/projectCourse/courseDetails')" class="text-[#FD755D]">详情</view></uni-td>

                </uni-tr>
                <uni-tr>
                    <uni-td>2024年3月21日 9:00-9:45</uni-td>
                    <uni-td>书法</uni-td>
                    <uni-td>XX小区中心广场</uni-td>
                    <uni-td><text class="text-[#FD755D]">详情</text></uni-td>

                </uni-tr>
                <uni-tr>
                    <uni-td>2024年3月22日 9:00-9:45</uni-td>
                    <uni-td>绘画</uni-td>
                    <uni-td>XX小区中心花园</uni-td>
                    <uni-td><text class="text-[#FD755D]">详情</text></uni-td>

                </uni-tr>
            </uni-table>
        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>